<template>
  <button @click="increment">{{ store.count }}</button>
  <button @click="changeBottomStatus">{{ store1.showBottom }}</button>
</template>

<script setup lang="ts">
// 1、导入store
import { useCounterStore } from '@/stores/counter'
import { useBottomStore } from '@/stores/buttom'
// 2、调用store的使用方法
const store = useCounterStore()
const store1 = useBottomStore()
const { increment } = store
const { changeBottomStatus } = store1
// const change = () => {
//   console.log('修改底部状态')
//   changeBottomStatus()
// }
console.log(store1)
</script>

<style scoped></style>
